<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <script type="text/javascript" src="/js/rem.js"></script>
    <link rel="stylesheet" href="/css/style.css">
    <title>数据统计信息系统</title>
</head>

<body style="visibility: hidden;">
    <div class="container-flex" tabindex="0" hidefocus="true">
        <div class="box-left">
            <div class="left-top">
                <div class="current-num">
                    <div>当前数据量</div>
                    <p id="nowData">3,456,789</p>
                </div>
            </div>
            <div class="left-center">
                <div class="title-box">
                    <h6>网络协议分类统计</h6>
                </div>
                <div class="chart-box pie-chart">
                    <div id="pie_fanzui" style="width:100%;"></div>
                    
                </div>
            </div>

            <!--class="select" 加入会报错-->
            


        </div>
        <div class="box-center">
            <div class="center-top">
                <h1><img src="" style="width:55px;margin-right:20px;"/>数据统计平台</h1>
            </div>
            <div class="center-center">
                <div class="weather-box">
                    <div class="data">
                        <p class="time" id="time">00:00:00</p>
                        <p id="date"></p>
                    </div>
                    <div class="weather">
                        <img id="weatherImg" src="/images/weather/weather_img01.png" alt="">
                        <div id="weather">
                            <p class="active">多云</p>
                            <p>06℃-10℃</p>
                            <p>成都西部智谷..</p>
                        </div>
                    </div>
                </div>
                <img src="/images/line_bg.png" alt="">
                <div class="select-box" style="height: 0.3rem;">
                    
                    <div data-type="2">
                        <!--<div class="select" tabindex="0" hidefocus="true" >-->
                           <!--<p style="color:#FFFF00;font-weight:bold;">NO.1北京：2543289人</p>-->
                           <!--<p style="color:#7FFF00;font-weight:bold;">NO.1天津： 5690人</p>-->
                           <!--<p style="color:#7FFFD4;font-weight:bold;">NO.1河北： 456人</p>-->
                        <!--</div>-->
                        
                    </div>
                </div>
            </div>
            <div class="center-bottom">
                <div class="chart-box">
                    <div id="china_map" style="width:100%;height:65%;"></div>
                </div>
                
            </div>

        </div>
        <div class="box-right">
            
            <div class="right-center">
            	
                <div class="title-box">
                    <h6>时间统计</h6>
                </div>
                <div class="chart-box pie-chart">
                    
                    <div id="qufenbu_data"style="width:90%;height:70%;"></div>
                    
                </div>
            </div>
            
            
            <div class="right-bottom">
                <div class="title-box">
                	<p id="switchBtn"><span class="active" data-dataType="income">时间段统计</span></p>
                    
                </div>
                <div id="line_time" style="width:90%;height:80%;"></div>
                
            </div>
        </div>
    </div>
    <div id="popup" class="popup">
        <div class="divContainer">
            <div class="background"></div>
            <div class="content">
                <p id="title" class="title">zztest</p>
                <div class="EchartsContent">
                    <div class="" id="popupEcharts" style="height:100%;width:100%;"></div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/js/layer/layer.min.js"></script>
<script type="text/javascript" src="/js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script type="text/javascript" src="/js/china.js"></script>
<script type="text/javascript" src="/js/infographic.js"></script>
<script type="text/javascript" src="/js/macarons.js"></script>
<script type="text/javascript" src="/js/shine.js"></script>
<script type="text/javascript" src="/js/base.js"></script>

<script type="text/javascript">
    window.onload = function(){
        $("body").css('visibility', 'visible');
        var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
        localStorage.setItem("data", localData);
    }
</script>
</html>